<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- <link rel="shortcut icon" href="#" /> -->
<title>Document</title>
<style type="text/css">
    table {
        table-layout: auto; /*默认，列宽度由单元格内容设定*/
        table-layout: fixed; /*列宽由表格宽度和列宽度设定*/
        table-layout: inherit; /*从父元素继承 table-layout 属性的值*/
    }
</style>
</head>
<body>
<a href="http://baidu.com">超链接</a>
<a href="javascript:void(0);">无反应</a>
<a href="#">跳转到顶部</a>
<a href="#xxx">跳转到锚点xxx</a>
<a href="">刷新页面</a>
<a href="mailto:1441408055yb@gmail.com">发送邮件</a>
<a href="tel:144XXXX0551">拨打电话</a>
<a href="//baidu.com" target="xxx">打开百度</a>
<iframe name="xxx" style="width: 500px;height: 500px"></iframe>
<button type="submit"></button>
<form action="a-href.html" method="get" autocomplete="on">
    <input name="username"/>
  <input type="submit" value="提交1"/>
    <input type="radio" name="gender" value="1"/>男
    <input type="radio" name="gender" value="0"/>女
  <button type="button">
    <strong>提交2</strong>
  </button>
</form>
</body>
</html>
